<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>List View</title>
<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lt IE 9]>
	<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<meta name="viewport" content="width=device-width">
<!-- Css Files Start -->
<link href="css/style.css" rel="stylesheet" type="text/css" /><!-- All css -->
<link href="css/bs.css" rel="stylesheet" type="text/css" /><!-- Bootstrap Css -->
<link rel="stylesheet" type="text/css" href="css/main-slider.css" /><!-- Main Slider Css -->
<!--[if lte IE 10]><link rel="stylesheet" type="text/css" href="css/customIE.css" /><![endif]-->
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" /><!-- Font Awesome Css -->
<link href="css/font-awesome-ie7.css" rel="stylesheet" type="text/css" /><!-- Font Awesome iE7 Css -->
<noscript>
<link rel="stylesheet" type="text/css" href="css/noJS.css" />
</noscript>
<!-- Css Files End -->
</head>
<body>
<!-- Start Main Wrapper -->
<div class="wrapper">
  <!-- Start Main Header -->
  <!-- Start Top Nav Bar -->
    <section class="top-nav-bar">
    <section class="container-fluid container">
      <section class="row-fluid">
        <section class="span6 e-commerce-list">
          <ul>
            <li>Bem Vindo ao nosso site! <a href="login.html">Fazer Login</a> ou <a href="criarconta.html">Criar Conta</a></li>
          </ul>
        </section>
      </section>
    </section>
  </section>
  <!-- End Top Nav Bar -->
  <header id="main-header">
    <section class="container-fluid container">
      <section class="row-fluid">
        <section class="span4">
          <h1 id="logo"> <a href="grid-view.html"><img src="images/logo.png" /></a> </h1>
        </section>
        <section class="span8">
          <div class="search-bar">
            <input name="" type="text" value="Procure o seu livro aqui..." />
            <input name="" type="button" value="Search" />
          </div>
        </section>
      </section>
    </section>
    <!-- Start Main Nav Bar -->
    <nav id="nav">
      <div class="navbar navbar-inverse">
        <div class="navbar-inner">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li> <a href="grid-view.html">Livros</a> </li>
               <li class="dropdown"> <a class="dropdown-toggle" href="grid-view.html" data-toggle="dropdown">Géneros<b class="caret"></b> </a>
                <ul class="dropdown-menu">
                    <li><a href="about-us.html">Romance</a></li>
                    <li><a href="blog.html">Policial</a></li>
                    <li><a href="blog-detail.html">Drama</a></li>
					<li><a href="blog-detail.html">Ficção Científica</a></li>
                    <li><a href="grid-view.html">História</a></li>
                    <li><a href="list-view.html">Escolares</a></li>
                    <li><a href="grid-view-without-side-bar.html">Universitários</a></li>
                    <li><a href="shortcodes.html">Infantil</a></li>
					<li><a href="grid-view-without-side-bar.html">Aventura</a></li>
					<li><a href="grid-view-without-side-bar.html">Biografias</a></li>
                </ul>
              </li>
              <li><a href="grid-view.html">Editoras</a></li>
              <li><a href="grid-view.html">Autores</a></li>
			  <li><a href="grid-view.html">Promoções</a></li>
              <li><a href="grid-view.html">Ajuda</a></li>
            </ul>
          </div>
          <!--/.nav-collapse -->
        </div>
        <!-- /.navbar-inner -->
      </div>
      <!-- /.navbar -->
    </nav>
    <!-- End Main Nav Bar -->
  </header>
  <!-- End Main Header -->
  <!-- Start Main Content Holder -->
  <section id="content-holder" class="container-fluid container">
    <section class="row-fluid">
    	<div class="heading-bar">
        	<h2>Destaques</h2>
            <span class="h-line"></span>
        </div>
        <!-- Start Main Content -->
        <section class="span9 first">
        	<!-- Start Ad Slider Section -->
			<div class="blog-sec-slider">
                <div class="slider5">
                  <div class="slide"><a href="#"><img src="images/image22.jpg" alt=""/></a></div>
                  <div class="slide"><a href="#"><img src="images/image36.jpg" alt=""/></a></div>
                  <div class="slide"><a href="#"><img src="images/image22.jpg" alt=""/></a></div>
                </div>
            </div>
            <!-- End Ad Slider Section -->
            
            <!-- Start Grid View Section -->
            <div class="product_sort">
                <div class="row-1">
                	<div class="left">
                    	<span class="s-title">Sort by</span>
                        <span class="list-nav">
                        	<select name="">
                            	<option>Position</option>
                                <option>Position 2</option>
                                <option>Position 3</option>
                                <option>Position 4</option>
                            </select>
                        </span>
                    </div>
                    <div class="right">
                    	<span>Show</span>
                        <span>
                        	<select name="">
                            	<option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                            </select>
                        </span>
                        <span>per page</span>
                    </div>
                </div>
            	<div class="row-2">
                	<span class="left">Items 1 to 9 of 15 total</span>
                	<ul class="product_view">
                		<li>View as:</li>
                    	<li>
                        	<a class="grid-view" href="grid-view.html">Grid View</a>
                        </li>
                		<li>
                        	<a class="list-view" href="list-view.html">List View</a>
                        </li>
                	</ul>
                </div>
            </div>
            <section class="list-holder">
            	<article class="item-holder">
                	<div class="span2">
                    	<a href="book-detail.html"><img src="images/image09.jpg" alt="Image07" /></a> </div>
                    <div class="span10">
                    	<div class="title-bar"><a href="book-detail.html">The Kite Runner</a> <span>by Khalid Hoessini</span></div>
                    	<strong>1 Reviews</strong>
                        <span class="rating-bar"><img alt="Rating Star" src="images/rating-star.png"></span>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sapien est, ultricies nec ornare non, sagittis in erat. Quisque ut vulputate massa. Proin pretium, quam sed posuere sodales erat nisl nec velit. </p>
                        <div class="cart-price">
                            <a href="cart.html" class="cart-btn2">Add to Cart</a>
                            <span class="price">$129.90</span>
                        </div>
                    </div>
                </article>
                <article class="item-holder">
                	<div class="span2">
                    	<a href="book-detail.html"><img src="images/image08.jpg" alt="Image07" /></a></div>
                    <div class="span10">
                    	<div class="title-bar"><a href="book-detail.html">The Kite Runner</a> <span>by Khalid Hoessini</span></div>
                    	<strong>1 Reviews</strong>
                        <span class="rating-bar"><img alt="Rating Star" src="images/rating-star.png"></span>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sapien est, ultricies nec ornare non, sagittis in erat. Quisque ut vulputate massa. Proin pretium, quam sed posuere sodales erat nisl nec velit. </p>
                        <div class="cart-price">
                            <a href="cart.html" class="cart-btn2">Add to Cart</a>
                            <span class="price">$129.90</span>
                        </div>
                    </div>
                </article>
                <article class="item-holder">
                	<div class="span2">
                    	<a href="book-detail.html"><img src="images/image06.jpg" alt="Image07" /></a>                    </div>
                    <div class="span10">
                    	<div class="title-bar"><a href="book-detail.html">The Kite Runner</a> <span>by Khalid Hoessini</span></div>
                    	<strong>1 Reviews</strong>
                        <span class="rating-bar"><img alt="Rating Star" src="images/rating-star.png"></span>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sapien est, ultricies nec ornare non, sagittis in erat. Quisque ut vulputate massa. Proin pretium, quam sed posuere sodales erat nisl nec velit. </p>
                        <div class="cart-price">
                            <a href="cart.html" class="cart-btn2">Add to Cart</a>
                            <span class="price">$129.90</span>
                        </div>
                    </div>
                </article>
                <article class="item-holder">
                	<div class="span2">
                    	<a href="book-detail.html"><img src="images/image08.jpg" alt="Image07" /></a>                    </div>
                    <div class="span10">
                    	<div class="title-bar"><a href="book-detail.html">The Kite Runner</a> <span>by Khalid Hoessini</span></div>
                    	<strong>1 Reviews</strong>
                        <span class="rating-bar"><img alt="Rating Star" src="images/rating-star.png"></span>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sapien est, ultricies nec ornare non, sagittis in erat. Quisque ut vulputate massa. Proin pretium, quam sed posuere sodales erat nisl nec velit. </p>
                        <div class="cart-price">
                            <a href="cart.html" class="cart-btn2">Add to Cart</a>
                            <span class="price">$129.90</span>
                        </div>
                    </div>
                </article>
                <article class="item-holder">
                	<div class="span2">
                    	<a href="book-detail.html"><img src="images/image09.jpg" alt="Image07" /></a>                    </div>
                    <div class="span10">
                    	<div class="title-bar"><a href="book-detail.html">The Kite Runner</a> <span>by Khalid Hoessini</span></div>
                    	<strong>1 Reviews</strong>
                        <span class="rating-bar"><img alt="Rating Star" src="images/rating-star.png"></span>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sapien est, ultricies nec ornare non, sagittis in erat. Quisque ut vulputate massa. Proin pretium, quam sed posuere sodales erat nisl nec velit. </p>
                        <div class="cart-price">
                            <a href="cart.html" class="cart-btn2">Add to Cart</a>
                            <span class="price">$129.90</span>
                        </div>
                    </div>
                </article>
            </section>
            <div class="blog-footer">
            	<div class="pagination">  
                  <ul>  
                    <li><a href="#">Prev</a></li>  
                    <li class="active">  
                      <a href="#">1</a>  
                    </li>  
                    <li><a href="#">2</a></li>  
                    <li><a href="#">3</a></li>  
                    <li><a href="#">4</a></li>  
                    <li><a href="#">Next</a></li>  
                  </ul>  
                </div>
                
            	<ul class="product_view">
               		<li>View as:</li>
                    <li><a class="grid-view" href="grid-view.html">Grid View</a></li>
                	<li><a class="list-view" href="list-view.html">List View</a></li>
               </ul>
            </div>
            <!-- End Grid View Section -->
            
        </section>
        <!-- End Main Content -->
        
        <!-- Start Main Side Bar -->
        <section class="span3">
        	
            
            <!-- Start Shop by Section -->
			<!-- mudar nome de classe l-reviews no css -->
            <div class="side-holder">
            	<article class="l-reviews">
                	<h2>Top livros</h2>
					
					<div class="side-inner-holder">
                    	
						<article class="r-post">
                        	<div class="r-img-title">
                            	<img src="images/image35.jpg" />
                            	<div class="r-det-holder">
                                	<strong class="r-author"><a href="book-detail.html">A little rain</a></strong>
                                	<span class="r-by">by Khalid Hoessini</span>
                                    <span class="rating-bar"><img src="images/rating-star.png" alt="Rating Star"/></span>
                                </div>
                            
                        </article>
					
					
					<article class="r-post">
                        	<div class="r-img-title">
                            	<img src="images/image35.jpg" />
                            	<div class="r-det-holder">
                                	<strong class="r-author"><a href="book-detail.html">A little rain</a></strong>
                                	<span class="r-by">by Khalid Hoessini</span>
                                    <span class="rating-bar"><img src="images/rating-star.png" alt="Rating Star"/></span>
                                </div>
                            
                        </article>
						
						
						<article class="r-post">
                        	<div class="r-img-title">
                            	<img src="images/image32.jpg" />
                            	<div class="r-det-holder">
                                	<strong class="r-author"><a href="book-detail.html">Serpents</a></strong>
                                	<span class="r-by">by Khalid Hoessini</span>
			
                                    <span class="rating-bar"><img src="images/rating-star.png" alt="Rating Star"/></span>
                                </div>
                            
                        </article>

						
						<article class="r-post">
                        	<div class="r-img-title">
                            	<img src="images/image32.jpg" />
                            	<div class="r-det-holder">
                                	<strong class="r-author"><a href="book-detail.html">Serpents</a></strong>
                                	<span class="r-by">by Khalid Hoessini</span>
			
                                    <span class="rating-bar"><img src="images/rating-star.png" alt="Rating Star"/></span>
                                </div>
                            
                        </article>
						
						
						<article class="r-post">
                        	<div class="r-img-title">
                            	<img src="images/image32.jpg" />
                            	<div class="r-det-holder">
                                	<strong class="r-author"><a href="book-detail.html">Serpents</a></strong>
                                	<span class="r-by">by Khalid Hoessini</span>
			
                                    <span class="rating-bar"><img src="images/rating-star.png" alt="Rating Star"/></span>
                                </div>
                            
                        </article>
						
						
						<article class="r-post">
                        	<div class="r-img-title">
                            	<img src="images/image32.jpg" />
                            	<div class="r-det-holder">
                                	<strong class="r-author"><a href="book-detail.html">Serpents</a></strong>
                                	<span class="r-by">by Khalid Hoessini</span>
			
                                    <span class="rating-bar"><img src="images/rating-star.png" alt="Rating Star"/></span>
                                </div>
                            
                        </article>
					
                
				
                </article>
            </div>
            <!-- End Shop by Section -->
            
			<div class="side-holder">
            	<article class="l-reviews">
                	<h2>BestSellers</h2>
					
					
					
					<article class="r-post">
                        	<div class="r-img-title">
                            	<img src="images/image19.jpg" />
                            	<div class="r-det-holder">
                                	<strong class="r-author"><a href="book-detail.html">fields</a></strong>
                                	<span class="r-by">by Arnold Grey</span>
			
                                    <span class="rating-bar"><img src="images/rating-star.png" alt="Rating Star"/></span>
                                </div>
                            
                        </article>
					
					
					<article class="r-post">
                        	<div class="r-img-title">
                            	<img src="images/image19.jpg" />
                            	<div class="r-det-holder">
                                	<strong class="r-author"><a href="book-detail.html">fields</a></strong>
                                	<span class="r-by">by Arnold Grey</span>
			
                                    <span class="rating-bar"><img src="images/rating-star.png" alt="Rating Star"/></span>
                                </div>
                            
                        </article>
						
						
						<article class="r-post">
                        	<div class="r-img-title">
                            	<img src="images/image19.jpg" />
                            	<div class="r-det-holder">
                                	<strong class="r-author"><a href="book-detail.html">fields</a></strong>
                                	<span class="r-by">by Arnold Grey</span>
			
                                    <span class="rating-bar"><img src="images/rating-star.png" alt="Rating Star"/></span>
                                </div>
                            
                        </article>
						
						
						<article class="r-post">
                        	<div class="r-img-title">
                            	<img src="images/image19.jpg" />
                            	<div class="r-det-holder">
                                	<strong class="r-author"><a href="book-detail.html">fields</a></strong>
                                	<span class="r-by">by Arnold Grey</span>
			
                                    <span class="rating-bar"><img src="images/rating-star.png" alt="Rating Star"/></span>
                                </div>
                            
                        </article>
				
				</article>
			</div>
			
			
            
        </section>
        <!-- End Main Side Bar -->
    </section>
  </section>
  <!-- End Main Content Holder -->
  <!-- Start Footer Top 1 -->
  <section class="container-fluid footer-top1">
    <section class="container">
      <section class="row-fluid">
        <figure class="span3">
          <h4>Newsletter</h4>
          <p>Subscribe to be the first to know about Best Deals and Exclusive Offers!</p>
          <input name="" type="text" class="field-bg" value="Enter Your Email"/>
          <input name="" type="submit" value="Subscribe" class="sub-btn" />
        </figure>
        <figure class="span3">
          <h4>Twitter</h4>
          <ul class="tweets-list">
            <li>Bookshoppe’- WooCommerce theme by crunchpress http<a href="#">://z.8o/XcexW23Q #envato</a></li>
            <li>Bookshoppe’- WooCommerce theme by crunchpress http<a href="#">://z.8o/XcexW23Q #envato</a></li>
          </ul>
        </figure>
        <figure class="span3">
          <h4>Location</h4>
          <p>5/23, Loft Towers, Business Center, 6th Floor, Media City, Dubai.</p>
          <span>
          <ul class="phon-list">
            <li>(971) 438-555-314</li>
            <li>(971) 367-252-333</li>
          </ul>
          </span> <span class="mail-list"> <a href="#">info@companyname</a><br />
          <a href="#">jobs@companyname.com</a> </span> </figure>
        <figure class="span3">
          <h4>Opening Time</h4>
          <p>Monday-Friday ______8.00 to 18.00</p>
          <p>Saturday ____________ 9.00 to 18.00</p>
          <p>Sunday _____________10.00 to 16.00</p>
          <p>Every 30 day of month Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        </figure>
      </section>
    </section>
  </section>
  <!-- End Footer Top 1 -->
  
  <!-- Start Main Footer -->
  <footer id="main-footer">
    <section class="social-ico-bar">
      <section class="container">
        <section class="row-fluid">
          <article class="span6">
            <p>© 2013  BookShoppe’ - Premium WooCommerce Theme. </p>
          </article>
          <article class="span6 copy-right">
            <p>Designed by <a href="http://www.crunchpress.com/">Crunchpress.com</a></p>
          </article>
        </section>
      </section>
    </section>
  </footer>
  <!-- End Main Footer -->
</div>
<!-- End Main Wrapper -->

<!-- JS Files Start -->
<script type="text/javascript" src="js/lib.js"></script><!-- lib Js -->
<script type="text/javascript" src="js/modernizr.js"></script><!-- Modernizr -->
<script type="text/javascript" src="js/easing.js"></script><!-- Easing js -->
<script type="text/javascript" src="js/bs.js"></script><!-- Bootstrap -->
<script type="text/javascript" src="js/bxslider.js"></script><!-- BX Slider -->
<script type="text/javascript" src="js/input-clear.js"></script><!-- Input Clear -->
<script src="js/range-slider.js"></script><!-- Range Slider -->
<script src="js/jquery.zoom.js"></script><!-- Zoom Effect -->
<script type="text/javascript" src="js/bookblock.js"></script><!-- Flip Slider -->
<script type="text/javascript" src="js/custom.js"></script><!-- Custom js -->
<script type="text/javascript" src="js/social.js"></script><!-- Social Icons -->
<!-- JS Files End -->
<noscript>
	<style>
	#socialicons>a span { top: 0px; left: -100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s 	ease-in-out;}
	#socialicons>ahover div{left: 0px;}
	</style>
</noscript>
<script type="text/javascript">
  /* <![CDATA[ */
  $(document).ready(function() {
  $('.social_active').hoverdir( {} );
})
/* ]]> */
</script>
</body>
</html>
